:root {
  --bg-gray: #f0f2f5;
  --bg-white: #ffffff;

  --border-gray: #e6eaf0;

  --text-normal: #505762;
  --text-active: #059e84;

  /* --link-active-bg-color: rgba(64, 158, 255, .1); */
  --link-active-bg-color: rgba(5, 158, 132, 0.08);

  --border-normal: #E6EAF0;

  --el-box-shadow-base: 0px 1px 10px rgba(0, 0, 0, .05),0px 4px 5px rgba(0, 0, 0, .06),0px 2px 4px rgba(0, 0, 0, .1)

  /* 自定义主题 */

}

@media (prefers-color-scheme: dark) {
  :root {
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}

body {
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

html.gray {
  filter: grayscale(100%); 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); 
  filter: url("data:image/svg+xml;utf8,#grayscale"); 
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
  -webkit-filter: grayscale(1);
}